<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/before.css">
    <link rel="stylesheet" href="index.html">
    <title>login...</title>
</head>
<body>
        <div class="bar-div">
        <div class="wrapper">
            <svg width="240" height="99" viewBox="0 0 240 99" fill="none" xmlns="http://www.w3.org/2000/svg">
              <path class="fin-tail" d="M228.47 36.1471C230.769 31.1344 232.184 25.7614 232.651 20.266C232.702 19.7482 232.632 19.2257 232.448 18.7392C232.264 18.2528 231.969 17.8156 231.588 17.4619C231.206 17.1082 230.748 16.8475 230.249 16.7003C229.75 16.5531 229.224 16.5234 228.712 16.6133C218.014 18.5493 195.915 30.1123 189.397 48.6705C191.26 51.5175 193.582 54.0349 196.27 56.1196C208.208 67.9926 227.472 72.515 236.802 72.0007C237.312 71.9671 237.809 71.8185 238.254 71.566C238.699 71.3135 239.081 70.9636 239.372 70.5425C239.663 70.1214 239.855 69.64 239.933 69.1343C240.012 68.6286 239.975 68.1116 239.826 67.622C236.734 57.564 233.951 52.5501 230.836 49.7066C229.046 47.9958 227.85 45.7563 227.424 43.3162C226.998 40.876 227.365 38.3636 228.47 36.1471V36.1471Z" fill="currentColor"/>
              <path class="fin-back-bottom" d="M178.495 60.1602C173.483 62.4289 165.242 65.7942 155.391 69.1065C156.409 70.2731 157.28 71.5609 157.984 72.9407C158.243 73.479 158.655 73.9285 159.169 74.2327C159.683 74.5369 160.276 74.682 160.872 74.6498C167.868 74.1668 174.896 74.5248 181.807 75.7161C182.434 75.8351 183.082 75.753 183.659 75.4813C184.236 75.2097 184.712 74.7624 185.02 74.2036L186.971 70.6115C187.188 70.2134 187.313 69.7716 187.337 69.3187C187.36 68.8658 187.282 68.4133 187.107 67.9948L184.839 62.5423C184.635 62.0552 184.307 61.63 183.888 61.3089C183.469 60.9879 182.973 60.7822 182.45 60.7122L178.495 60.1602Z" fill="currentColor"/>
              <path class="fin-back-top" d="M171.593 37.4432L145.887 26.8557L163.942 23.7249C165.967 23.3753 168.043 23.4645 170.031 23.9864C172.019 24.5082 173.871 25.4506 175.464 26.7498L182.639 32.6107C182.861 32.7914 183.027 33.0314 183.118 33.3027C183.209 33.5741 183.221 33.8656 183.153 34.1436C183.085 34.4216 182.939 34.6745 182.733 34.873C182.527 35.0715 182.269 35.2075 181.989 35.2652L171.593 37.4432Z" fill="currentColor"/>
              <path class="fin-dorsel" d="M93.6292 15.8725C107.45 15.8725 121.943 18.6403 135.265 22.3459C135.605 21.6953 135.845 20.9966 135.975 20.2738C137.367 12.4996 125.391 3.84063 109.158 0.936655C104.071 -0.00705102 98.8777 -0.236105 93.7275 0.256062L80.542 16.2204C84.3827 16.0011 88.6695 15.8725 93.6292 15.8725Z" fill="currentColor"/>
              <path class="bod" d="M208.026 46.4122C207.716 43.4401 202.114 35.3256 198.455 36.7852C192.958 38.9783 192.013 43.4931 185.148 40.9218C176.832 37.8137 132.558 15.875 93.6666 15.875C50.8818 15.875 55.1686 24.9878 36.0482 28.2245C15.0603 31.7713 8.11974 43.2208 8.11974 43.2208C5.44332 47.0474 4.46803 50.1707 8.97407 50.4505L22.3788 51.6757L1.59503 53.3167C1.17423 53.4417 0.800822 53.6907 0.52349 54.031C0.246157 54.3714 0.0777661 54.7874 0.0402305 55.2249C0.00269499 55.6624 0.0977673 56.101 0.313066 56.4837C0.528365 56.8664 0.853904 57.1752 1.24726 57.3702C10.0703 61.9076 19.5663 66.672 30.7936 70.6271C42.777 71.0809 55.1459 67.708 62.782 57.9827C65.156 54.8519 68.6565 49.4523 66.5623 45.6106C64.0219 41.3378 59.5083 38.464 55.4937 35.3029C52.6283 33.0796 49.5209 30.947 47.1772 28.1262C53.7624 31.5671 60.65 33.8736 66.4867 38.8119C68.0833 40.1108 69.4395 41.6798 70.4937 43.4477C72.8828 47.2894 71.4615 52.3033 69.4655 55.8955C62.8652 67.9954 49.4454 73.2891 36.396 72.4875C51.9479 77.3274 70.7886 80.5415 95.3677 79.9517C129.458 81.7969 177.391 61.3707 183.251 57.8466C189.11 54.3225 199.196 59.412 202.152 59.9187C208.185 61.0001 208.457 50.5035 208.026 46.4122Z" fill="currentColor"/>
              <path class="eye" d="M32.268 42.4575C35.0364 42.4575 37.2806 40.2127 37.2806 37.4436C37.2806 34.6745 35.0364 32.4297 32.268 32.4297C29.4996 32.4297 27.2554 34.6745 27.2554 37.4436C27.2554 40.2127 29.4996 42.4575 32.268 42.4575Z" fill="currentColor"/>
              <path class="fin-front-bottom" d="M111.721 84.494L101.235 78.6558C98.0912 76.9025 94.638 75.7751 91.0658 75.3359L76.9504 73.6041C76.8167 73.5919 76.6827 73.6245 76.5696 73.6968C76.4564 73.7691 76.3706 73.8771 76.3256 74.0036C76.2805 74.1301 76.2789 74.268 76.3208 74.3955C76.3627 74.5231 76.4459 74.6331 76.5572 74.7082L88.5633 82.558L96.532 94.1588L111.6 98.9307C111.838 99.0052 112.09 99.0198 112.334 98.9734C112.579 98.927 112.808 98.8209 113.002 98.6645C113.196 98.5082 113.348 98.3064 113.445 98.0771C113.542 97.8478 113.581 97.5981 113.558 97.3501L112.507 85.6813C112.484 85.434 112.4 85.1964 112.263 84.9893C112.125 84.7822 111.939 84.6121 111.721 84.494Z" fill="currentColor"/>
              <path class="fin-front-top" d="M110.776 39.9819C107.456 38.8133 103.837 38.8133 100.516 39.9819L79.2563 47.4007C80.2023 48.0611 80.9822 48.9322 81.5346 49.9452C82.0869 50.9583 82.3966 52.0858 82.4393 53.2389C82.4189 54.8025 81.861 56.3113 80.8592 57.5117L97.6888 59.0242C100.494 59.2719 103.307 58.6283 105.725 57.1851C108.144 55.7418 110.047 53.5723 111.162 50.9853L113.347 45.9109C113.59 45.3554 113.717 44.7557 113.718 44.1491C113.719 43.5425 113.595 42.9422 113.354 42.3857C113.113 41.8292 112.759 41.3285 112.316 40.9149C111.872 40.5013 111.348 40.1837 110.776 39.9819V39.9819Z" fill="currentColor"/>
            </svg>
            </div>
            </div>
    <a href="index.html"><button class="learn-more">come on</button></a>
</body>

</html>